<template>
    <!-- 事件修饰符 -->
    <!-- 阻止默认行为，例如a标签，form标签 -->
    <a href="#" @click.prevent="">按钮</a>
    <div v-on:click="show('我是父元素的事件')">
        <!-- 触发元素的事件时，会向上传递给父元素的事件 -->
        <button v-on:click="show('我是子元素的事件')">事件冒泡</button>
        <button v-on:click.stop="show('我是子元素的事件')">阻止事件冒泡</button>
    </div>
</template>
<script setup>
let show = message => console.log(message)
</script>
<style scoped>
    
</style>